
<!--<div class="swiper-container">
	<div class="navItem">
		<ul class="navg  swiper-pagination">
	    </ul>
    </div>
    <div class="swiper-wrapper">
        <div class="swiper-slide swiperSlid"><img src="img/transform1.png"></div>
        <div class="swiper-slide swiperSlid"><img src="img/transform2.jpg"></div>
        <div class="swiper-slide swiperSlid"><img src="img/transform3.jpg"></div>
        <div class="swiper-slide swiperSlid"><img src="img/transform4.jpg"></div>
        <div class="swiper-slide swiperSlid"><img src="img/transform5.jpg"></div>   
        <div class="swiper-slide swiperSlid"><img src="img/transform6.jpg"></div>  
    </div>
</div>	-->
<div class="main_0">
    <div class="main_0_inner">
    	<ul class="left_nav">
    		<li class="first_nav">
    			<p ng-click = "showToplist(0)"><span>全球榜</span><i class="fa fa-chevron-up"></i></p>
    			<ul class="sec_Nav hid">
    				<li ui-sref=".frame11" ng-click = "showActive(0)">
    					<img ng-src = {{allTopList[0].topImg}}/>
    					<h6>{{allTopList[0].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame12" ng-click = "showActive(1)">
    					<img ng-src = {{allTopList[1].topImg}}/>
    					<h6>{{allTopList[1].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame13" ng-click = "showActive(2)">
    					<img ng-src = {{allTopList[2].topImg}}/>
    					<h6>{{allTopList[2].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame14"  ng-click = "showActive(3)">
    					<img ng-src = {{allTopList[3].topImg}}/>
    					<h6>{{allTopList[3].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame15" ng-click = "showActive(4)">
    					<img ng-src = {{allTopList[4].topImg}}/>
    					<h6>{{allTopList[4].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame16" ng-click = "showActive(5)">
    					<img ng-src = {{allTopList[5].topImg}}/>
    					<h6>{{allTopList[5].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame17" ng-click = "showActive(6)">
    					<img ng-src = {{allTopList[6].topImg}}/>
    					<h6>{{allTopList[6].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame18" ng-click = "showActive(7)">
    					<img ng-src = {{allTopList[7].topImg}}/>
    					<h6>{{allTopList[7].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame19" ng-click = "showActive(8)">
    					<img ng-src = {{allTopList[8].topImg}}/>
    					<h6>{{allTopList[8].topName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    			</ul>
    		</li>
    		<li class="first_nav">
    		    <p ng-click = "showToplist(1)"><span>分类榜</span><i class="fa fa-chevron-up rotateIns"></i></p>
    		    <ul class="sec_Nav">
    				<li ui-sref=".frame1" ng-click = "showActive(9)">
    					<img ng-src = {{allTopList[0].newtopImg}}/>
    					<h6 class="list-active">{{allTopList[0].newtopName}}</h6>
    					<span class="list-active-bar"></span>
    				</li>
    				<li  ui-sref=".frame2" ng-click = "showActive(10)">
    					<img ng-src = {{allTopList[1].newtopImg}}/>
    					<h6>{{allTopList[1].newtopName}}</h6>
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li  ui-sref=".frame3" ng-click = "showActive(11)">
    					<img ng-src = {{allTopList[2].newtopImg}}/>
    					<h6>{{allTopList[2].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li  ui-sref=".frame4" ng-click = "showActive(12)">
    					<img ng-src = {{allTopList[3].newtopImg}}/>
    					<h6>{{allTopList[3].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li  ui-sref=".frame5" ng-click = "showActive(13)">
    					<img ng-src = {{allTopList[4].newtopImg}}/>
    					<h6>{{allTopList[4].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li  ui-sref=".frame6" ng-click = "showActive(14)">
    					<img ng-src = {{allTopList[5].newtopImg}}/>
    					<h6>{{allTopList[5].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li  ui-sref=".frame7" ng-click = "showActive(15)">
    					<img ng-src = {{allTopList[6].newtopImg}}/>
    					<h6>{{allTopList[6].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li  ui-sref=".frame8" ng-click = "showActive(16)">
    					<img ng-src = {{allTopList[7].newtopImg}}/>
    					<h6>{{allTopList[7].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    				<li ui-sref=".frame9" ng-click = "showActive(17)">
    					<img ng-src = {{allTopList[8].newtopImg}}/>
    					<h6>{{allTopList[8].newtopName}}</h6> 
    					<span class="list-active-bar hid"></span>
    				</li>
    			</ul>
    		</li>
    		<li class="first_nav">
    		    <p class="lachi"><span>客户端</span></p>
    		    <img class="ewm" src="img/ewm.png" />
    		    <h6>下载客户端</h6><h6>畅听更多榜单</h6>
    		</li>
    	</ul>
    	
    	<div ui-view>
<div class="rightBox">
	<div class="topImg"><img src="img/bang1.png"></div>
	<div class="conf">
		<div class="btn-group">
		  <button type="button" class="btn btn-default">免费下载歌曲 </button>
		  <button type="button" class="btn btn-default">播放全部 </button>
		  <button type="button" class="btn btn-default">添加 </button>
		  <button type="button" class="btn btn-default">评论 </button>
		</div>
		<div class="release">最近更新：2017-05-23</div>	
	</div>
	<ul class="musicList">
		<li class="musicList_song">
			<span></span>
			<span>趋势</span>
			<span>歌曲</span>
			<span>歌手</span>
			<span>热度</span>
			<span></span>
		</li>
		<li class="musicList_song" ng-repeat = "item in musicList">
			<span>{{item.itemnum}}</span>
			<span><i class="{{item.itemupOrdown}}">{{item.greenword}}</i>{{item.itemsort}}</span>
			<span>{{item.songname}}</span>
			<span>{{item.singername}}</span>
			<span><i class="hotp"></i></span>
			<span>
				<i class="fa fa-play"></i>
				<i class="fa fa-plus"></i>
				<i class="fa fa-download"></i>
				<i class="fa fa-share-square-o"></i>
			</span>
		</li>
	</ul>
</div>
    		
    	</div>
    </div>
</div>
<div class="foot">
	<p ng-repeat = "cont in contents">{{cont.texts}}</p>
</div>
	<!--<a href="" ui-sref=".btn" class="btn btn-default">首3页</a>-->


	
